<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,品优购">
    <meta name="description" content="品优购-专业的综合网上购物商城">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <title>品优购-综合网购首选-正品低价、品质保障、配送及时、轻松购物！</title>
    <link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="../style/reset.css">
    <link rel="stylesheet" href="../style/common.css">
    <link rel="stylesheet" href="../style/iconfont.css">
    <link rel="stylesheet" href="../style/header.css">
    <link rel="stylesheet" href="../style/footer.css">
    <link rel="stylesheet" href="../style/details.css">
  </head>
<body>
  <script src="../javascript/header.js"></script>
  <main>
    <!-- 面包屑导航 -->
    <ul class="crumb">
      <li><a href="../index.html">首页</a><span>&gt;</span></li>
      <li><a href="./classic.html">电视</a><span>&gt;</span></li>
      <li><a href="./classic.html">电视</a></li>
    </ul>
    <!-- 商品信息 -->
    <div class="pro-info"></div>
    <!-- 商品简介和属性 -->
    <div class="intro-attr">
      <ul class="intro-attr-tab">
        <li>商品介绍</li>
        <li>商品属性</li>
      </ul>
      <div class="pro-intro">商品简介</div>
      <div class="pro-attr">商品属性</div>
    </div>
  </main>
  <script src="../javascript/footer.js"></script>
  <script src="../javascript/jquery.js"></script>
  <script>
    $('.intro-attr-tab li').eq(0).click(function(){
      $('.pro-intro').show();
      $('.pro-attr').hide();
    })
    $('.intro-attr-tab li').eq(1).click(function(){
      $('.pro-intro').hide();
      $('.pro-attr').show();
    })
  </script>
</body>
</html>